﻿@namespace LaserMark.Components

<div class="axis-status">
    <div class="axis-status-group">
        <div class="axis-status-item w-100">
            <div class="d-flex justify-content-around">
                <label>X:</label>
                <div class="text-center flex-fill">@Enc1</div>
                <label>mm</label>
            </div>
        </div>
        <div class="axis-status-item">
            <Light Color="@Axis2Limit"></Light>
            <span>正限位</span>
        </div>
        <div class="axis-status-item">
            <Light Color="@Axis2Limit"></Light>
            <span>负限位</span>
        </div>
        <div class="axis-status-item">
            <Light Color="@Axis2Servo" @onclick="async e=> await OnServoX()"></Light>
            <span>使能</span>
        </div>
    </div>
    <div class="axis-status-group">
        <div class="axis-status-item w-100">
            <div class="d-flex justify-content-around">
                <label>Y:</label>
                <div class="text-center flex-fill">@Enc2</div>
                <label>mm</label>
            </div>
        </div>
        <div class="axis-status-item">
            <Light Color="@Axis3Limit"></Light>
            <span>正限位</span>
        </div>
        <div class="axis-status-item">
            <Light Color="@Axis3Limit"></Light>
            <span>负限位</span>
        </div>
        <div class="axis-status-item" @onclick="async e=> await OnServoY()">
            <Light Color="@Axis3Servo"></Light>
            <span>使能</span>
        </div>
    </div>

    <div class="axis-status-group">
        <div class="axis-status-item w-100">
            <div class="d-flex justify-content-around">
                <label>Z:</label>
                <div class="text-center flex-fill">@Enc3</div>
                <label>mm</label>
            </div>
        </div>
        <div class="axis-status-item">
            <Light Color="@Axis4Limit"></Light>
            <span>正限位</span>
        </div>
        <div class="axis-status-item">
            <Light Color="@Axis4Limit2"></Light>
            <span>负限位</span>
        </div>
        <div class="axis-status-item" @onclick="async e=> await OnServoZ()">
            <Light Color="@Axis4Servo"></Light>
            <span>使能</span>
        </div>
    </div>

    <div class="axis-status-group">
        <div class="axis-status-item">
            测高仪高度:@Height mm
        </div>
    </div>
</div>
